<!DOCTYPE html>
<style>
.columns {
    line-height: 20px;
    height: 200px;
}
.column {
    float: left;
    width: 50%;
}
</style>
<div class="columns">
    <div class="column">
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
    </div>
    <div class="column">
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
        This content should be split into two columns.<br>
    </div>
</div>
